<!DOCTYPE html>
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
        <body style="background-color: white;">
            <script type="text/javascript">
                function jsCallNative() {
                    alert('-----');
                    window.webkit.messageHandlers.showInfoFromJs.postMessage('');
                    
                }
            function jsonclickCallNative() {
                alert('======');
                window.webkit.messageHandlers.showInfoFromJs.postMessage('');
                
            }
            </script>
            
            <button type="button" onclick = "jsCallNative()" style="width:100%; height:130px;"/>调用OC代码</button>
            
            <div  onclick = "jsonclickCallNative()">
                    <p>调 调 调 调 调</p>
            </div>
        </body>
</html>

